<template>
  <div id="err">
    <nav-bar></nav-bar>
    <section class="err-404">
      <div class="pic"></div>
      <p>这个页面找丢了</p>
      <p><router-link to="/home">返回首页</router-link></p>
    </section>
  </div>
</template>

<script>
import NavBar from '@/components/NavBar.vue'
export default {
  components:{
    NavBar
  }
}
</script>

<style>
.err-404{
  margin-top: 130PX;
  text-align: center;
}
#err{
  overflow: hidden;
}
#err .pic{
  height: 80PX;
  margin-bottom: 20PX;
  background: url('~@/assets/img/404.png') no-repeat center;
  background-size: contain;
}
.err-404 p{
  color: #999;
  margin-bottom: 12PX;
  font-size: 18PX;
}
.err-404 a{
  font-size: 18PX;
  color: #ff5722;
}
</style>